WebWriter AI Integration Prototype

@webwriter/build/document.js

@@ -224,28 +224,28 @@ const themeIDs = memberIDs.filter(id => id.startsWith("./themes/"))
 
 const widgetsTemplate = widgetIDs.map(id => widgetMarkdown(pkg, manifest, id)).join("\n\n")
 
-const snippetsTemplate = !snippetIDs.length? "": 
+const snippetsTemplate = !snippetIDs.length? "":
 `## Snippets
 [Snippets](https://webwriter.app/docs/snippets/snippets/) are examples and templates using the package's widgets.
 
 | Name | Import Path |
 | :--: | :---------: |
 ${snippetIDs.map(id => `| ${id.replace("./snippets/", "").replace(".html", "").split("-").map(part => part[0].toUpperCase() + part.slice(1)).join(" ")} | \`${pkg.name + id.slice(1)}\` |`).join("\n")}`
 
-const themesTemplate = !themeIDs.length? "": 
+const themesTemplate = !themeIDs.length? "":
 `## Themes
 [Themes](https://webwriter.app/docs/themes/themes/) are stylesheets to apply to a whole document.
 
 | Name | Import Path |
 | :--: | :---------: |
 ${themeIDs.map(id => `| ${id.replace("./themes/", "")} | ${pkg.name + id.slice(1)} |`).join("\n")}`
 
-const prettyName = 
+const prettyName =
   pkg?.editingConfig?.["."]?.label?._ ?? pkg.name.slice(1).split("/")[1].split("-").map(part => part[0].toUpperCase() + part.slice(1)).join(" ")
 
 const description = pkg?.editingConfig?.["."]?.description?._ ?? pkg?.description
 
-const template = 
+const template =
 `# ${prettyName} (\`${pkg.name}@${pkg.version}\`)
 [License: ${pkg.license}](LICENSE) | Version: ${pkg.version}
 

@webwriter/core/@webwriter/core/viewmodel/localizationcontroller/localization/generated/locales.ts

@@ -0,0 +1,83 @@
+// Do not modify this file by hand!
+// Re-generate this file by running lit-localize.
+
+/**
+ * The locale code that templates in this source code are written in.
+ */
+export const sourceLocale = `en`;
+
+/**
+ * The other locale codes that this application is localized into. Sorted
+ * lexicographically.
+ */
+export const targetLocales = [
+  `ar`,
+  `bg`,
+  `cs`,
+  `da`,
+  `de`,
+  `el`,
+  `es`,
+  `et`,
+  `fi`,
+  `fr`,
+  `hu`,
+  `id`,
+  `it`,
+  `ja`,
+  `ko`,
+  `lt`,
+  `lv`,
+  `nb`,
+  `nl`,
+  `pl`,
+  `pt-BR`,
+  `pt-PT`,
+  `ro`,
+  `ru`,
+  `sk`,
+  `sl`,
+  `sv`,
+  `tr`,
+  `uk`,
+  `zh-Hans`,
+  `zh-Hant`,
+] as const;
+
+/**
+ * All valid project locale codes. Sorted lexicographically.
+ */
+export const allLocales = [
+  `ar`,
+  `bg`,
+  `cs`,
+  `da`,
+  `de`,
+  `el`,
+  `en`,
+  `es`,
+  `et`,
+  `fi`,
+  `fr`,
+  `hu`,
+  `id`,
+  `it`,
+  `ja`,
+  `ko`,
+  `lt`,
+  `lv`,
+  `nb`,
+  `nl`,
+  `pl`,
+  `pt-BR`,
+  `pt-PT`,
+  `ro`,
+  `ru`,
+  `sk`,
+  `sl`,
+  `sv`,
+  `tr`,
+  `uk`,
+  `zh-Hans`,
+  `zh-Hant`,
+] as const;

@webwriter/core/model/marshal/html.ts

@@ -180,12 +180,12 @@ export async function docToBundle(doc: Node, head: Node, noDeps=false, minify=fa
     css = ""
   }
   else {
-    const jsUrl = new URL("https://api.webwriter.app/ww/v1/_bundles")
+    const jsUrl = new URL("https://node1.webwriter.elearn.rwth-aachen.de/ww/v1/_bundles")
     minify && jsUrl.searchParams.append("minify", "true")
     importIDs.forEach(id => jsUrl.searchParams.append("id", id))
     const bundleJS = await (await fetch(jsUrl)).text()
     js = bundleJS? scopedCustomElementRegistry + ";" +  `(function () {${bundleJS}})();`: ""
-    const cssUrl = new URL("https://api.webwriter.app/ww/v1/_bundles")
+    const cssUrl = new URL("https://node1.webwriter.elearn.rwth-aachen.de/ww/v1/_bundles")
     cssUrl.searchParams.append("pkg", "true")
     cssUrl.searchParams.append("type", "css")
     minify && cssUrl.searchParams.append("minify", "true")

@webwriter/core/model/schemas/package.ts

@@ -536,7 +536,8 @@ export class Package {
     const isWidgetLang = kw.startsWith("widget-lang-")
     const isWidgetOnlineStatus = ["widget-online", "widget-online-edit", "widget-online-use"].includes(kw)
     const isWebWriterMarker = kw === "webwriter-widget"
-    return isProgramme || isField || isWidgetType || isWidgetLang || isWidgetOnlineStatus || isWebWriterMarker
+    const isAIKeyword = kw === "ww-ai-tested"
+    return isProgramme || isField || isWidgetType || isWidgetLang || isWidgetOnlineStatus || isWebWriterMarker || isAIKeyword
   }
 
   get nonstandardKeywords() {

@webwriter/core/model/schemas/resource/index.ts

@@ -1,35 +1,37 @@
-import { z } from "zod";
-import { Schema, Node } from "prosemirror-model";
+import {z} from "zod";
+import {Schema, Node} from "prosemirror-model";
 import {
-  EditorState,
-  EditorStateConfig,
-  TextSelection,
+    EditorState,
+    EditorStateConfig,
+    TextSelection,
 } from "prosemirror-state";
-export { undo, redo } from "prosemirror-history";
+
+export {undo, redo} from "prosemirror-history";
 
 import * as marshal from "../../marshal";
-import { Package } from "../..";
+import {Package} from "../..";
 import {
-  basePlugin,
-  configFromSchemaPlugins,
-  formPlugin,
-  phrasingPlugin,
-  listPlugin,
-  mathPlugin,
-  mediaPlugin,
-  modalPlugin,
-  stylePlugin,
-  svgPlugin,
-  tablePlugin,
-  textblockPlugin,
-  widgetPlugin,
-  canvasPlugin,
-  deprecatedPlugin,
-  headingPlugin,
-  sectionPlugin,
-  grammarPlugin,
+    basePlugin,
+    configFromSchemaPlugins,
+    formPlugin,
+    phrasingPlugin,
+    listPlugin,
+    mathPlugin,
+    mediaPlugin,
+    modalPlugin,
+    stylePlugin,
+    svgPlugin,
+    tablePlugin,
+    textblockPlugin,
+    widgetPlugin,
+    canvasPlugin,
+    deprecatedPlugin,
+    headingPlugin,
+    sectionPlugin,
+    grammarPlugin,
+    aiPlugin
 } from "./plugins";
-import { EditorStateWithHead, headSchema, initialHeadState } from "./head";
+import {EditorStateWithHead, headSchema, initialHeadState} from "./head";
 
 export * from "./plugins";
 export * from "./htmlelementspec";
@@ -38,79 +40,80 @@ export * from "./head";
 export * as themes from "./themes";
 
 export function createEditorStateConfig(packages: Package[]) {
-  return configFromSchemaPlugins([
-    textblockPlugin(),
-    headingPlugin(),
-    mediaPlugin(),
-    listPlugin(),
-    sectionPlugin(),
-    canvasPlugin(),
-    formPlugin(),
-    modalPlugin(),
-    stylePlugin(),
-    mathPlugin(),
-    phrasingPlugin(),
-    svgPlugin(),
-    // deprecatedPlugin(),
-    widgetPlugin(packages),
-    tablePlugin(),
-    basePlugin(),
-    grammarPlugin(),
-  ]);
+    return configFromSchemaPlugins([
+        textblockPlugin(),
+        headingPlugin(),
+        mediaPlugin(),
+        listPlugin(),
+        sectionPlugin(),
+        canvasPlugin(),
+        formPlugin(),
+        modalPlugin(),
+        stylePlugin(),
+        mathPlugin(),
+        phrasingPlugin(),
+        svgPlugin(),
+        // deprecatedPlugin(),
+        widgetPlugin(packages),
+        tablePlugin(),
+        basePlugin(),
+        grammarPlugin(),
+        aiPlugin()
+    ]);
 }
 
 export const defaultConfig = createEditorStateConfig([]);
 
 export const createEditorState = (
-  {
-    schema = defaultConfig.schema,
-    doc = defaultConfig.doc,
-    selection = defaultConfig.selection,
-    storedMarks = defaultConfig.storedMarks,
-    plugins = defaultConfig.plugins,
-    lang = "en",
-  }: EditorStateConfig & { lang?: string },
-  head?: Node
+    {
+        schema = defaultConfig.schema,
+        doc = defaultConfig.doc,
+        selection = defaultConfig.selection,
+        storedMarks = defaultConfig.storedMarks,
+        plugins = defaultConfig.plugins,
+        lang = "en",
+    }: EditorStateConfig & { lang?: string },
+    head?: Node
 ) => {
-  const resolvedDoc = doc;
-  let state = EditorState.create({
-    selection,
-    storedMarks,
-    plugins,
-    doc: resolvedDoc,
-  });
-  state = state.apply(state.tr.setSelection(TextSelection.atStart(state.doc)));
-  const head$ = EditorState.create({
-    schema: headSchema,
-    doc: head ?? initialHeadState({ lang }).doc,
-  });
+    const resolvedDoc = doc;
+    let state = EditorState.create({
+        selection,
+        storedMarks,
+        plugins,
+        doc: resolvedDoc,
+    });
+    state = state.apply(state.tr.setSelection(TextSelection.atStart(state.doc)));
+    const head$ = EditorState.create({
+        schema: headSchema,
+        doc: head ?? initialHeadState({lang}).doc,
+    });
 
-  return (
-    head || lang ? Object.assign(state, { head$ }) : state
-  ) as EditorStateWithHead;
+    return (
+        head || lang ? Object.assign(state, {head$}) : state
+    ) as EditorStateWithHead;
 };
 
 type Format = keyof typeof marshal;
 
 const ResourceSchema = z.object({
-  url: z.string().url({ message: "Not a valid URL" }),
-  editorState: z.instanceof(EditorState).or(
-    z
-      .object({
-        value: z.any(),
-        schema: z.instanceof(Schema),
-      })
-      .transform(async ({ value, schema }) => { // @ts-ignore
-        for (const parse of Object.values(marshal).map(({ parse }) => parse)) {
-          try {
-            return await parse(value, schema);
-          } catch (e) {
-            return z.NEVER;
-          }
-        }
-        return z.NEVER;
-      })
-  ),
+    url: z.string().url({message: "Not a valid URL"}),
+    editorState: z.instanceof(EditorState).or(
+        z
+            .object({
+                value: z.any(),
+                schema: z.instanceof(Schema),
+            })
+            .transform(async ({value, schema}) => { // @ts-ignore
+                for (const parse of Object.values(marshal).map(({parse}) => parse)) {
+                    try {
+                        return await parse(value, schema);
+                    } catch (e) {
+                        return z.NEVER;
+                    }
+                }
+                return z.NEVER;
+            })
+    ),
 });
 
 export type Resource = z.infer<typeof ResourceSchema>;