New blocks

iagolirapasssos · Nov 19, 2024 · 140454f · 140454f
1 parent 961399b
commit 140454f
Show file tree

Hide file tree

Showing 765 changed files with 90,262 additions and 24 deletions.
diff --git a/CodeCrafterAIX.txt b/CodeCrafterAIX.txt
diff --git a/css/blockly.css b/css/blockly.css
@@ -1,9 +1,43 @@
-/* Estilo do Blockly e das abas */
+html, body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+}
+
+[id^="blocklyDivHelper"] {
+    height: calc(100vh - 120px) !important;
+    width: 100% !important;
+    position: relative !important;
+}
+
 #blocklyDiv {
-    flex: 1;
-    overflow: hidden; /* Sem scrolls */
+    height: calc(100vh - 120px) !important; /* Ajuste o valor baseado na altura do header e tab-container */
+    width: 100% !important;
+    position: absolute;
+}
+
+
+.tab-content.active {
+    display: flex;
+    flex-direction: column;
+}
+
+#ideTab {
+    padding: 0;
+}
+
+.helper-file-name-input {
+    margin: 10px;
+    padding: 5px;
 }
 
+/* Mantendo seus estilos existentes */
 .tab-container {
     width: 100%;
     display: flex;
@@ -32,11 +66,12 @@
 }
 
 .tab-content.active {
-    display: flex;
+    display: block;
     flex-direction: column;
 }
 
-.tab-content textarea, .tab-content pre {
+.tab-content textarea, 
+.tab-content pre {
     flex: 1;
     resize: none;
     overflow: auto;
@@ -48,3 +83,47 @@
     border: 1px solid #ccc;
     background-color: #f9f9f9;
 }
+
+/* Adicione/atualize estas regras no seu blockly.css */
+
+[id^="blocklyDivHelper"], #blocklyDiv {
+    height: calc(100vh - 120px) !important;
+    min-height: 300px !important;
+    width: 100% !important;
+    position: relative !important;
+    transition: height 0.3s ease-in-out;
+}
+
+.tab-content {
+    position: relative;
+    height: calc(100vh - 120px);
+    min-height: 300px;
+    overflow: hidden;
+    display: none;
+    transition: height 0.3s ease-in-out;
+}
+
+.blocklyWorkspace {
+    position: relative !important;
+}
+
+.blocklyToolboxDiv {
+    position: absolute !important;
+}
+
+/* Previne problemas de redimensionamento em tela cheia */
+:-webkit-full-screen [id^="blocklyDivHelper"],
+:-webkit-full-screen #blocklyDiv {
+    height: calc(100vh - 120px) !important;
+}
+
+:-moz-full-screen [id^="blocklyDivHelper"],
+:-moz-full-screen #blocklyDiv {
+    height: calc(100vh - 120px) !important;
+}
+
+:fullscreen [id^="blocklyDivHelper"],
+:fullscreen #blocklyDiv {
+    height: calc(100vh - 120px) !important;
+}
+
diff --git a/css/helpers.css b/css/helpers.css
@@ -0,0 +1,88 @@
+/* Adicione ao seu CSS */
+.helper-container {
+    display: flex;
+    width: 100%;
+    height: calc(100vh - 120px);
+    position: relative;
+}
+
+.helper-workspace {
+    flex: 1;
+    min-width: 0; /* Permite que o flex-basis funcione corretamente */
+    position: relative;
+}
+
+.helper-code-preview {
+    width: 400px;
+    border-left: 1px solid #ccc;
+    display: flex;
+    flex-direction: column;
+    background: #2d2d2d;
+}
+
+.helper-code-header {
+    padding: 8px;
+    background: #1e1e1e;
+    border-bottom: 1px solid #3d3d3d;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.helper-code-title {
+    color: #fff;
+    font-size: 0.9em;
+    margin: 0;
+}
+
+.helper-code-toggle {
+    background: none;
+    border: none;
+    color: #fff;
+    cursor: pointer;
+    padding: 4px 8px;
+    font-size: 1.2em;
+    display: flex;
+    align-items: center;
+}
+
+.helper-code-toggle:hover {
+    color: #007bff;
+}
+
+.helper-code-content {
+    flex: 1;
+    overflow: auto;
+    padding: 0;
+    margin: 0;
+}
+
+.helper-code-content code {
+    font-family: 'Fira Code', monospace;
+    font-size: 14px;
+    line-height: 1.5;
+}
+
+/* Adiciona transição suave ao redimensionar */
+.helper-workspace,
+.helper-code-preview {
+    transition: width 0.3s ease;
+}
+
+/* Estado collapsed do preview */
+.helper-code-preview.collapsed {
+    width: 30px;
+}
+
+.helper-code-preview.collapsed .helper-code-content,
+.helper-code-preview.collapsed .helper-code-title {
+    display: none;
+}
+
+.helper-code-preview.collapsed .helper-code-toggle {
+    writing-mode: vertical-rl;
+    text-orientation: mixed;
+    padding: 10px 0;
+    width: 30px;
+    justify-content: center;
+}
diff --git a/css/modals.css b/css/modals.css
@@ -0,0 +1,146 @@
+/* Adicione ao seu arquivo CSS */
+.helper-settings-button {
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 5px;
+    margin-left: 10px;
+    color: #666;
+    display: inline-flex;
+    align-items: center;
+}
+
+.helper-settings-button:hover {
+    color: #333;
+}
+
+.helper-modal {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 1000;
+}
+
+.helper-modal.active {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.helper-modal-content {
+    background-color: white;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    width: 400px;
+    max-width: 90%;
+}
+
+.helper-modal-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 15px;
+}
+
+.helper-modal-title {
+    margin: 0;
+    font-size: 1.2em;
+}
+
+.helper-modal-close {
+    background: none;
+    border: none;
+    font-size: 1.5em;
+    cursor: pointer;
+    padding: 0 5px;
+}
+
+.helper-modal-body {
+    margin-bottom: 20px;
+}
+
+.helper-modal-input {
+    width: 100%;
+    padding: 8px;
+    margin-bottom: 15px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+}
+
+.helper-modal-buttons {
+    display: flex;
+    gap: 10px;
+    justify-content: flex-end;
+}
+
+.helper-modal-button {
+    padding: 8px 15px;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    background-color: #007bff;
+    color: white;
+}
+
+.helper-modal-button:hover {
+    background-color: #0056b3;
+}
+
+.helper-modal-button.secondary {
+    background-color: #6c757d;
+}
+
+.helper-modal-button.secondary:hover {
+    background-color: #545b62;
+}
+
+/* Adicione ao seu CSS */
+.helper-tab-wrapper {
+    display: flex;
+    align-items: center;
+    position: relative;
+    margin-right: 2px;
+}
+
+.helper-close-button {
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 5px;
+    margin-left: 5px;
+    color: #666;
+    display: inline-flex;
+    align-items: center;
+    font-size: 14px;
+}
+
+.helper-close-button:hover {
+    color: #ff4444;
+}
+
+.helper-control-buttons {
+    display: flex;
+    align-items: center;
+    gap: 2px;
+}
+
+/* Atualizar estilo do botão de configurações para manter consistência */
+.helper-settings-button {
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 5px;
+    margin-left: 5px;
+    color: #666;
+    display: inline-flex;
+    align-items: center;
+}
+
+.helper-settings-button:hover {
+    color: #007bff;
+}